<style lang="scss">

.equity-introduce-category-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.equity-introduce-category-title-c {
	max-width: calc(100% - 200rpx);
	font-size: 28rpx;
	color: #9B8F6D;
	padding: 0 10rpx;
}

.equity-introduce-category-title-l, .equity-introduce-category-title-r {
	width: 90rpx;
	height: 2rpx;
	background-color: #EEE;
}

</style>

<template>
	<view class="equity-introduce-category-title">
		<view class="equity-introduce-category-title-l"></view>
		<view class="equity-introduce-category-title-c ellipsis" v-text="title"></view>
		<view class="equity-introduce-category-title-r"></view>
	</view>
</template>

<script>
export default {

	props: {

		title: {
			type: String,
			default: "",
		},

	}

}
</script>
